.tableTitle {
  display: flex;
  position: relative;
  margin: 15px 35px 0 35px;
  width: 280px;
  height: 30px;
  box-shadow: 0 0 2px 0 #66abff;
}
.tableTitle span {
  flex: 1;
  overflow: hidden;
  text-align: center;
  padding: 2px 5px;
  color: #5bcbf2;
  font-size: 13px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  line-height: 30px;
}
.tableTitle::before {
  content: '';
  width: 6px;
  height: 2px;
  background-color: #66abff;
  position: absolute;
  top: -2px;
  left: -1px;
  box-shadow: 0 32px 0 0 #66abff;
}
.tableTitle::after {
  content: '';
  width: 6px;
  height: 2px;
  background-color: #66abff;
  position: absolute;
  top: -2px;
  right: -1px;
  box-shadow: 0 32px 0 0 #66abff;
}
.tableBody {
  display: flex;
  position: relative;
  margin: 5px 35px;
  width: 300px;
  height: 30px;
}
.tableBody span {
  flex: 1;
  overflow: hidden;
  text-align: center;
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
}
.line {
  width: 300px;
  height: 1px;
  margin: 0 35px;
  background: -webkit-radial-gradient(#66abff, #0D3A4D, #0D3A4D);
  /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(#66abff, #0D3A4D, #0D3A4D);
  /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(#66abff, #0D3A4D, #0D3A4D);
  /* Firefox 3.6 - 15 */
  background: radial-gradient(#66abff, #0D3A4D, #0D3A4D);
  /* 标准的语法（必须放在最后） */
}
